/*banner*/ #banner { height: 320px; overflow: hidden; position: relative; } #banner .banner { width: 1920px; margin-left: -960px; position: absolute; left: 50%; } .slideBox { width: 1920px; height: 320px; overflow: hidden; position: relative; } .slideBox .hd { overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 1; left: 5px; text-align: center; } .slideBox .hd ul { overflow: hidden; zoom: 1; } .slideBox .hd ul li { display: inline-block; width: 15px; height: 15px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; border-radius: 100%; text-indent: -999; overflow: hidden; margin: 0 5px; } .slideBox .hd ul li.on { background: #e60012; color: #fff; } .slideBox .bd { position: relative; height: 100%; z-index: 0; } .slideBox .bd li { zoom: 1; vertical-align: middle; } .slideBox .bd img { width: 1920px; height: 320px; display: block; } .ad { margin-top: 10px; } /*banner*/ /*index_about_ibicn*/ .panel.index_about { padding-top: 63px; padding-bottom: 60px; } .panel.index_about .panel_head .panel_head_top { height: 32px; font-family: MicrosoftYaHei-Bold; font-weight: bold; font-size: 32px; font-stretch: normal; letter-spacing: 0px; color: #e60012; text-align: center; } .panel.index_about .panel_head .panel_head_top a{ color: #e60012; } .panel.index_about .panel_head .panel_head_top a:hover{ text-decoration: underline } .panel.index_about .panel_head .panel_head_bottom { line-height: 50px; text-align: center; font-family: MicrosoftYaHei; font-size: 18px; font-stretch: normal; letter-spacing: 0px; color: #222222; font-weight: bold; } .panel.index_about .panel_head .panel_head_bottom span { font-family: MicrosoftYaHei; font-size: 18px; font-stretch: normal; letter-spacing: 0px; color: #e60012; } .panel.index_about .panel_body { margin-top: 30px; } .panel.index_about .panel_body .panel_body_left { width: 279px; height: 290px; } .panel.index_about .panel_body .panel_body_right { width: 900px; } .panel.index_about .panel_body .panel_body_right .title { /*width: 96px;*/ height: 30px; font-size: 24px; font-weight: normal; font-stretch: normal; margin-top: 5px; color: #333333; } .panel.index_about .panel_body .panel_body_right .desc { margin-top: 10px; width: 882px; height: 175px; font-family: MicrosoftYaHei; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 24px; letter-spacing: 0px; color: #666666; text-indent: 2em; } .panel.index_about .panel_body .panel_body_right .desc p{ margin-top: 2px; } .panel.index_about .panel_body .panel_body_right .more { display: block; width: 161px; height: 42px; line-height: 42px; border-radius: 21px; border: solid 1px #e5e5e5; text-align: center; color: #e60012; vertical-align: middle; margin-top: 25px; transition: border 0.8s ease; } .panel.index_about .panel_body .panel_body_right .more:hover { border: 1px solid #e60012; } .panel.index_about .panel_body .panel_body_right .more img { padding-left: 5px; vertical-align: baseline; } /*index_about_ibicn*/ /*涓氬姟浣撶郴*/ .panel.panel_index_ywtx { width: 100%; height: 770px; background: #f4f4f4; } .panel.panel_index_ywtx .panel_box { width: 100%; height: 488px; background: #c81825; padding-top: 63px; box-sizing: border-box; } .panel.panel_index_ywtx .panel_box .panel_head { text-align: center; margin-bottom: 30px; } .panel.panel_index_ywtx .panel_box .panel_head .title { font-size: 32px; font-weight: bold; font-stretch: normal; letter-spacing: 0px; color: #ffffff; line-height: 1; } .panel.panel_index_ywtx .panel_box .panel_head a{ color: #ffffff; } .panel.panel_index_ywtx .panel_box .panel_head a:hover{ text-decoration: underline } .panel.panel_index_ywtx .panel_box .panel_head .subtitle { font-size: 18px; font-weight: bold; font-stretch: normal; letter-spacing: 0px; color: #ffffff; line-height: 48px; } .panel.panel_index_ywtx .panel_box .panel_body { width: 1200px; overflow: hidden; box-shadow: 1px 3px 54px 1px rgba(0, 0, 0, 0.13); } .panel.panel_index_ywtx .panel_box .panel_body_box { margin-left: -5px; margin-right: -5px; } .panel.panel_index_ywtx .panel_box .panel_body_box > li { width: 393px; height: 528px; float: left; background: #fff; margin: 0 5px; box-shadow: 1px 3px 54px 1px rgba(0, 0, 0, 0.13); position: relative; } .panel.panel_index_ywtx .panel_box .panel_body_box > li:hover .share { /* background: rgba(33, 33, 45, 0.8); */ background: url("imgs/icon_share_bg_hove.png"); opacity: 1; filter: alpha(opacity=100); } .panel.panel_index_ywtx .panel_box .panel_body_box > li .foot { padding-top: 30px; padding-left: 27px; box-sizing: border-box; } .panel.panel_index_ywtx .panel_box .panel_body_box > li .foot .foot_title { font-size: 22px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; margin-bottom: 10px; } .panel.panel_index_ywtx .panel_box .panel_body_box > li .foot .foot_desc { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 24px; letter-spacing: 0px; color: #666666; } .panel.panel_index_ywtx .panel_box .panel_body_box > li .foot .foot_desc span { padding-left: 15px; margin-right: 30px; } .panel.panel_index_ywtx .panel_box .panel_body_box > li .foot .foot_desc.foot_desc1 { background: url("imgs/icon_index_czds.png") no-repeat left; } .panel.panel_index_ywtx .panel_box .panel_body_box > li .share { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(33, 33, 45, 0); opacity: 0; filter: alpha(opacity=0); transition: all 0.3s ease-in; } .panel.panel_index_ywtx .panel_box .panel_body_box > li .share .share_item { margin: auto; } .panel.panel_index_ywtx .panel_box .panel_body_box > li .share .share_item .item { width: 279px; height: 60px; text-align: center; line-height: 60px; font-size: 22px; border: 1px solid #fff; border-radius: 30px; box-sizing: border-box; margin: 0 auto; margin-bottom: 19px; } .panel.panel_index_ywtx .panel_box .panel_body_box > li .share .share_item .item:hover { background: #fff; } .panel.panel_index_ywtx .panel_box .panel_body_box > li .share .share_item .item:hover a { color: #333; text-decoration: none; } .panel.panel_index_ywtx .panel_box .panel_body_box > li .share .share_item .item a { display: block; color: #fff; text-decoration: none; } .panel.panel_index_ywtx .panel_box .panel_body_box > li:first-child { margin-right: 6px; } .panel.panel_index_ywtx .panel_box .panel_body_box > li:first-child .share .share_item .item{ width: 44%; float: left; margin: 10px; } /*涓氬姟浣撶郴*/ /* 棣栭〉鍏徃鍔ㄦ�佹ā鍧� */ .panel.index_news { width: 580px; } .panel.index_news .panel_head { height: 59px; border-bottom: 1px dashed #ccc; position: relative; } .panel.index_news .panel_head_left { background-color: #fff; padding-right: 16px; position: absolute; top: 8px; left: 0; } .panel.index_news .panel_head_left .title { margin-bottom: 10px; color: #333; font-size: 26px; } .panel.index_news .panel_head_left .subtitle { font-size: 14px; color: #333; opacity: 0.6; line-height: 1; } .panel.index_news .panel_head_left .subtitle b { color: #e60012; } .panel.index_news .panel_head_right { position: absolute; top: 18px; right: 0; background-color: #fff; } .panel.index_news .panel_head_right .more { margin-top: 30px; padding-left: 16px; display: block; color: #333; font-size: 12px; line-height: 1; } .panel.index_news .panel_body .list_thumb_left { margin-top: 20px; } /* 鍥炬枃鍒楄〃 - 宸﹀彸甯冨眬*/ .list_thumb_left .inner_wrap { overflow: hidden; } .list_thumb_left .inner_wrap .img_wrap { width: 174px; height: 116px; margin-right: 15px; border: 1px solid #e5e5e5; background: #f1f1f1; position: relative; float: left; box-sizing: border-box; } .list_thumb_left .inner_wrap .img_wrap img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .list_thumb_left .inner_wrap .content_wrap { width: 386px; overflow: hidden; float: left; } .list_thumb_left .inner_wrap .content_wrap .title_wrap { overflow: hidden; } .list_thumb_left .inner_wrap .content_wrap .title_wrap .title { width: 270px; float: left; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list_thumb_left .inner_wrap .content_wrap .title_wrap .time { float: right; color: #999; font-size: 12px; } .list_thumb_left .inner_wrap .content_wrap p { overflow: hidden; color: #999; line-height: 24px; padding: 6px 0; } .list_thumb_left .inner_wrap .content_wrap .btn_red { height: 22px; padding: 0 11px; border-radius: 11px; background-color: #e60012; line-height: 22px; font-size: 14px; color: #fff; } /* 鍗曡鏂囨湰鍒楄〃*/ .list_text li { height: 53px; padding-left: 17px; background: url(imgs/bg_list_text.png) center left no-repeat; line-height: 53px; color: #333; border-bottom: 1px solid #e5e5e5; } .list_text li a { display: inline-block; width: 440px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list_text li .time { float: right; color: #999; font-size: 12px; } .list_text li:hover { background: url(imgs/bg_list_text_on.png) center left no-repeat; } #news{ padding-top: 50px; padding-bottom: 60px; }